import 'package:flutter/material.dart';
import 'package:flutter_app/pages/house_recommend/house_recommend_item.dart';
import 'package:flutter_app/routes/routes.dart';

const List _recommendHouseList = [
  {
    "title": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "text": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "imageSrc": 'https://www.itying.com/images/flutter/6.png',
    // "pushUrl": () => Navigator.pushNamed(context, '/login'),
  },
  {
    "text": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "title": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "imageSrc": 'https://www.itying.com/images/flutter/4.png',
    // "pushUrl": () => Navigator.pushNamed(context, '/login'),
  },
  {
    "text": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "title": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "imageSrc": 'https://www.itying.com/images/flutter/4.png',
    // "pushUrl": () => Navigator.pushNamed(context, '/login'),
  },
  {
    "text": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "title": '线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列',
    "imageSrc": 'https://www.itying.com/images/flutter/4.png',
    // "pushUrl": () => Navigator.pushNamed(context, '/login'),
  },
];

class HouseRecommend extends StatefulWidget {
  const HouseRecommend({Key? key, this.recommendList = _recommendHouseList})
      : super(key: key);
  final List recommendList;
  @override
  _HouseRecommendState createState() => _HouseRecommendState();
}

class _HouseRecommendState extends State<HouseRecommend> {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.grey[300],
      padding: const EdgeInsets.all(20),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              const Text(
                '房屋推荐',
                style: TextStyle(fontSize: 15, fontWeight: FontWeight.bold),
              ),
              GestureDetector(
                onTap: () {
                  Navigator.of(context).pushNamed(Routes.houseRecommend);
                },
                child: const Text(
                  '更多',
                  style: TextStyle(color: Colors.grey),
                ),
              ),
            ],
          ),
          Wrap(
              spacing: 20.0,
              children: widget.recommendList
                  .map((e) => (HouseRecommendItem(
                        desc: e["desc"],
                        imgSrc: e["imgSrc"],
                        title: e["title"],
                      )))
                  .toList())
        ],
      ),
    );
  }
}
